<template>
    <span class="btn" v-if="isShow">
        回复 @{{author}}
        <i @click="$emit('hidden')">×</i>
    </span>
</template>

<script>
export default {
    props:['isShow','author']
}
</script>

<style lang="less" scoped>
.btn {
    text-align: center;
    line-height: 40px;
    padding:10px;
    font-size: 12px;
    color: #909399;
    border: 1px solid #ccc;
    background-color: #f4f4f5;
    i {
        font-style: normal;
        display: inline-block;
        width: 16px;
        height: 16px;
        line-height: 13px;
        font-size: 16px;
        text-align: center;
        margin: 9px 0;
        &:hover {
            border-radius:50%;
            color: #fff;
            background-color: #909399;
        }
    }
}
</style>